<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">

	<head>
		<title>俗谣雅玖-画廊</title>
		<link href="${pageContext.request.contextPath}/images/logo.ico" rel="icon" type="image/x-ico">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<!-- css -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="all" />
		<!--// css -->
		<!-- font-awesome icons -->
		<link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- gallery -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/lightbox.css">
		<link href="${pageContext.request.contextPath}/css/main.82cfd66e.css" rel="stylesheet">
		<!-- //gallery -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
		<!-- //font -->
		<script src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>

	<body>
		<!-- banner -->
		<div class="banner jarallax">
			<div class="agileinfo-dot">
				<div class="header">
					<div class="container">
						<div class="header-top-grids">
							<div class="agileits-logo">
								<h1><a href="index.jsp">SY <span>SuYaoYaJiu</span></a></h1>
							</div>
							<div class="top-nav">
								<nav class="navbar navbar-default">
									<!-- Brand and toggle get grouped for better mobile display -->
									<div class="navbar-header">
										<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
									</div>

									<!-- Collect the nav links, forms, and other content for toggling -->
									<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
										<nav>
											<ul class="nav navbar-nav">
												<li>
													<a href="${pageContext.request.contextPath}/product/index.do">主页</a>
												</li>
												<li class="active">
													<a href="${pageContext.request.contextPath}/product/fenlei.do">画廊</a>
												</li>
											</ul>
										</nav>
									</div>
								</nav>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="wthree-heading">
					<h2>Our Gallery</h2>
				</div>
				<div class="col-1-2">
					<form id="form-container" action="${pageContext.request.contextPath}/product/chazhao.do" class="f-right">
						<!--搜索功能-->
						<div id="searchtext" style="margin-left: 45%">
							<select name="id" id="id">
								<option value="" selected="selected">心有所属,寻找你想要的样式...</option>
								<c:forEach items="${list}" var="c">
									<option value="${c.id}">${c.name}</option>
								</c:forEach>
							</select>
							<input type="submit" id="searchsubmit" value="查找" onclick="" />

						</div>
					</form>
				</div>
			</div>
		</div>



		<div class="agileits-w3layouts">
			<div class="container">
				<p>Copyright &copy; SYYJ.Company name All rights reserved.More Templates </p>
			</div>
		</div>
		<!-- //copyright -->
		<!-- jarallax -->
		<script src="${pageContext.request.contextPath}/js/jarallax.js"></script>
		<script src="${pageContext.request.contextPath}/js/SmoothScroll.min.js"></script>
		<script type="text/javascript">
			/* init Jarallax */
			$('.jarallax').jarallax({
				speed: 0.5,
				imgWidth: 1366,
				imgHeight: 768
			})
		</script>
		<!-- //jarallax -->
		<script src="${pageContext.request.contextPath}/js/SmoothScroll.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/move-top.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/easing.js"></script>
		<!-- here stars scrolling icon -->
		<script type="text/javascript">
			$(document).ready(function() {

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<script type="">

		</script>
		<!-- //here ends scrolling icon -->
		<script src="${pageContext.request.contextPath}/js/modernizr.custom.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.85741bff.js"></script>
		<script>
			document.addEventListener("DOMContentLoaded", function(event) {
				navbarToggleSidebar();
				navActivePage();
			});
		</script>

	</body>

</html>